﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%String basePath = request.getContextPath();%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><s:property value ="album.title"/>_<s:property value='album.column.name' />【风尚图库】时尚奢侈品图库-风尚中国网</title>
</head>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/styles/gallery/common.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/styles/gallery/album.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/js/ad-gallery/jquery.ad-gallery.css">
<script type="text/javascript" src="<%=basePath%>/js/easyui/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/ad-gallery/jquery.ad-gallery.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/ad-gallery/jquery.easing.1.3.js"></script>

<script type="text/javascript">	
  $(function() {
    var galleries = $('.ad-gallery').adGallery({
    	width: 800,
    	height: 800,
    	slideshow: {
	    	start_label: '播放',
	        stop_label: '停止',
	        onStart: function() {
    			$('.ad-slideshow-start').css('display','none');
				$('.ad-slideshow-stop').css('display','');
			},
   			onStop: function() {
    			$('.ad-slideshow-start').css('display','');
				$('.ad-slideshow-stop').css('display','none');
			}
    	},
    	callbacks:{
	           init : function(){
    				$('.ad-slideshow-stop').css('display','none');
	    	   },
    			beforeImageVisible: function(new_image, old_image) {  				
    				if(this.current_index == this.images.length -1){
    					$('#album_body_4').css('display', 'block');
    				}
    	       }
	       }
        });
  });
  function closeRecommend(){
	  $('#album_body_4').css('display','none');
  };
  
  isWrap = false;
  function wrap(){
	  if(isWrap){
		  $('#album-wrap-ad').css('left',  '0');
		  $('#wrap').css('display',  '');
		  $('#unwrap').css('display',  'none');
		  isWrap = false;
	  }else{
		  $('#album-wrap-ad').css('left',  '-120');
		  $('#wrap').css('display',  'none');
		  $('#unwrap').css('display',  '');
		  isWrap = true; 
	  }
 };
  $(window).scroll(function () {
	  $('#album-wrap-ad').css("top",$(window).height()+$(document).scrollTop()-$("#album-wrap-ad").height());
  }  )
</script>
<body>
<div id="header">
	<div id="header_1">
	<div id="log"><a href="http://www.fengsung.com"><img style="border: 0px;" src="/images/logo_luxury.gif" /></a></div>
	<s:include value="/menu1.jsp"></s:include>
	</div>
	<div id="header_2">
		<s:include value="/ad/gallery/ad1.html"></s:include>
	</div>
</div>
<s:include value="/menu2.jsp"></s:include>
<div id="main">
<br></br>
<table width="100%" border="0">
	<tr>
		<td valign="bottom">
			<s:iterator value="parents">			
					<a href="/g_c-<s:property value ='id'/>_t-LOGNITUDINAL_COVER">
					<span class="h3"><s:property value='name' /></span></a>
					<span class="h3">></span>
			</s:iterator>
			<span class="h2"><s:property value='album.column.name' /></span>
			<s:iterator value="children">
					<span class="h3">></span>
					<a href="/g_c-<s:property value ='id'/>_t-LOGNITUDINAL_COVER">
					<span class="h3"><s:property value='name' /></span></a>
				
			</s:iterator>
		</td>
	</tr>
</table>
<div id="album-wrap-ad" style="width: 170px;height:240px;overflow:hidden">
<iframe frameBorder="0" scrolling="no" width="120px" height="240px"
                marginwidth="0" allowtransparency="true" marginheight="0" style="border: 0 none;"
                src="/ad/gallery/ad5.html"></iframe>
<a id="album-wrap-ad-trigger" href="javascript:wrap();">
<img id="wrap" width="40" height="140" alt="camus" src="<%=basePath%>/ad/gallery/wrap.jpg" style="border:0;display:''">
<img id="unwrap" width="40" height="140" alt="camus" src="<%=basePath%>/ad/gallery/unwrap.jpg" style="border:0;display:none">
</a>
</div>
<table width="100%" class="album-show">
	<tr>
		<td valign="top" width="100%">
			<table width="100%">
				<tr>
					<td ><span class="h3"><s:property value ="album.title"/></span></td>
					<td align="right">
						<span class="h5">关键词：</span>
						<s:iterator value="keywords" id="word" status="item">
						<a class="h5" target="_blank" href='http://www.fengsung.com/ciku/<s:property value="#word.encodedKeyword"/>'
               				title="<s:property value="#word.rawKeyword"/>"><s:property
                    		value="#word.rawKeyword"/>
                    	</a>
                    	</s:iterator>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>
			<span class="h4">&nbsp;&nbsp;&nbsp;&nbsp;<s:property value ="album.description"/></span>
		</td>
	</tr>
</table>					
<table width="100%" class="album-show">
	<tr>
		<td>
			<table width="100%">
				<tr>
					<td align="center" valign="middle">
						<div class="ad-gallery">
						<div class="ad-image-wrapper"></div>					
						<div class="ad-controls"></div>
						<div class="ad-nav">
						<div class="ad-thumbs">
							<ul class="ad-thumb-list">
								<s:iterator value="photos">
								<li><a href="<%=basePath%>/gallery/<s:property value ="album.id"/>/<s:property value ="name"/>">
									<img style="border:0px;" alt="<s:property value="album.title"/>" src="<%=basePath%>/gallery/<s:property value ="album.id"/>/mini/<s:property value ="name"/>"
										 > </a></li>
								</s:iterator>
							</ul>
						</div>
						</div>
						</div>
					</td>
				</tr>
			</table>			
		</td>
	</tr>
</table>
<div id="album_body_4">	
			<div id="album_body_4_title" style="height:50px"><a>猜你喜欢</a></div>
			<div id="album_body_4_content">
					<div id="recommend_item_1">
						<div class="recommend_item_image">
							<a href="/n-<s:property value ="newsList[0].id"/>.html" title="<s:property value ="newsList[0].indexTitle"/>">
							<img alt="<s:property value ="newsList[0].indexTitle"/>" src="thumbnail/<s:property value ="newsList[0].briefImage"/>" width="200px" height="120px">
							</a>	
						</div>
						<div class="recommend_item_title">
							<a href="/n-<s:property value ="newsList[0].id"/>.html" title="<s:property value ="newsList[0].indexTitle"/>">							
							<s:property value ="newsList[0].indexTitle"/>
							</a>
						</div>				
						
					</div>
					<div id="recommend_item_2">
						<div class="recommend_item_image">
							<a href="/n-<s:property value ="newsList[1].id"/>.html" title="<s:property value ="newsList[1].indexTitle"/>">
							<img alt="<s:property value ="newsList[1].indexTitle"/>" src="thumbnail/<s:property value ="newsList[1].briefImage"/>" width="200px" height="120px">
							</a>	
						</div>
						<div class="recommend_item_title">
							<a href="/n-<s:property value ="newsList[1].id"/>.html" title="<s:property value ="newsList[1].indexTitle"/>">							
							<s:property value ="newsList[1].indexTitle"/>
							</a>
						</div>	
					</div>
					<div id="recommend_item_3">
						<div class="recommend_item_image">
							<a href="/n-<s:property value ="newsList[2].id"/>.html" title="<s:property value ="newsList[2].indexTitle"/>">
							<img alt="<s:property value ="newsList[2].indexTitle"/>" src="thumbnail/<s:property value ="newsList[2].briefImage"/>" width="200px" height="120px">
							</a>	
						</div>
						<div class="recommend_item_title">
							<a href="/n-<s:property value ="newsList[2].id"/>.html" title="<s:property value ="newsList[2].indexTitle"/>">							
							<s:property value ="newsList[2].indexTitle"/>
							</a>
						</div>	
					</div>
					<div id="recommend_item_4">
						<div class="recommend_item_image">
							<a href="/n-<s:property value ="newsList[3].id"/>.html" title="<s:property value ="newsList[3].indexTitle"/>">
							<img alt="<s:property value ="newsList[3].indexTitle"/>" src="thumbnail/<s:property value ="newsList[3].briefImage"/>" width="200px" height="120px">
							</a>	
						</div>
						<div class="recommend_item_title">
							<a href="/n-<s:property value ="newsList[3].id"/>.html" title="<s:property value ="newsList[3].indexTitle"/>">							
							<s:property value ="newsList[3].indexTitle"/>
							</a>
						</div>	
					</div>
			</div>
			<div id="album_body_4_command">
				<div id="album_body_4_command_1">
					<a href="#" onclick="closeRecommend()">重新浏览</a>
				</div>
				<div id="album_body_4_command_2">
					<a href="#" onclick="window.close()">关闭页面</a>
				</div>
			</div>
			
</div>	
<s:include value="/ad/brand/ad5.html"></s:include>
<s:include value="/footer.jsp"></s:include>
</div>	
</body>
</html>